<template>
  <div class="markdown-preview">
    <!-- <div v-for="item in 10" :key="item">
      <h3 class="item-title">Go语言开发环境配置(VSCode){{ item }}</h3>
      <span class="item-desc">配置Go语言时遇到一些坑，特别是VSCode中Go工具包的安装及相关的科学上网知识，查了很多资料都描述不清晰，可能是我认为是难点的内容在别人那里是不需要说明的基础吧。其实只要科学上网配置完成，VSCode中安装工具包超级简单，对，是超级简单。好像本文标题不对？应该叫“Go语言工具包安装”？好吧，我在这里是把Go的环境变量等配置当作不需要说明的基础了，那些东东网上很多，我在本文略过了:)</span>
    </div> -->
    <article-item v-for="(aArticle, index) in articles" :key="index" :articleInfo="aArticle"/>
    <!-- <div  v-for="(aArticle, index) in articles" :key="index">{{aArticle.title}}</div> -->
    <div>
      <span><a href="">1</a></span>
      <span><a href="">2</a></span>
      <span><a href="">3</a></span>
      <span><a href="">4</a></span>
      <span><a href="">5</a></span>
    </div>
  </div>
</template>

<script>
  import ArticleItem from '~/components/ArticleItem.vue';
  export default {
    asyncData() {
      return { 
        articles: [
          {
            ID: 1,
            FilePath:'go-vscode1',
            Title: 'Go语言开发环境配置(VSCode)1',
            Preview: '配置Go语言时遇到一些坑，特别是VSCode中Go工具包的安装及相关的科学上网知识，查了很多资料都描述不清晰，可能是我认为是难点的内容在别人那里是不需要说明的基础吧。其实只要科学上网配置完成，VSCode中安装工具包超级简单，对，是超级简单。好像本文标题不对？应该叫“Go语言工具包安装”？好吧，我在这里是把Go的环境变量等配置当作不需要说明的基础了，那些东东网上很多，我在本文略过了:)',
            CreatedAt: '2018-10-01 12:23:33',
            UpdatedAt: '2018-10-01 12:23:33',
            Tags:['javascript','node'],
          },
          {
            ID: 2,
            FilePath:'go-vscode2',
            Title: 'Go语言开发环境配置(VSCode)2',
            Preview: '配置Go语言时遇到一些坑，特别是VSCode中Go工具包的安装及相关的科学上网知识，查了很多资料都描述不清晰，可能是我认为是难点的内容在别人那里是不需要说明的基础吧。其实只要科学上网配置完成，VSCode中安装工具包超级简单，对，是超级简单。好像本文标题不对？应该叫“Go语言工具包安装”？好吧，我在这里是把Go的环境变量等配置当作不需要说明的基础了，那些东东网上很多，我在本文略过了:)',
            CreatedAt: '2018-10-01 12:23:33',
            UpdatedAt: '2018-10-01 12:23:33',
            Tags:['javascript','node'],
          },
          {
            ID: 3,
            FilePath:'go-vscode3',
            Title: 'Go语言开发环境配置(VSCode)3',
            Preview: '配置Go语言时遇到一些坑，特别是VSCode中Go工具包的安装及相关的科学上网知识，查了很多资料都描述不清晰，可能是我认为是难点的内容在别人那里是不需要说明的基础吧。其实只要科学上网配置完成，VSCode中安装工具包超级简单，对，是超级简单。好像本文标题不对？应该叫“Go语言工具包安装”？好吧，我在这里是把Go的环境变量等配置当作不需要说明的基础了，那些东东网上很多，我在本文略过了:)',
            CreatedAt: '2018-10-01 12:23:33',
            UpdatedAt: '2018-10-01 12:23:33',
            Tags:['javascript','node'],
          },
          {
            ID: 4,
            FilePath:'go-vscode4',
            Title: 'Go语言开发环境配置(VSCode)4',
            Preview: '配置Go语言时遇到一些坑，特别是VSCode中Go工具包的安装及相关的科学上网知识，查了很多资料都描述不清晰，可能是我认为是难点的内容在别人那里是不需要说明的基础吧。其实只要科学上网配置完成，VSCode中安装工具包超级简单，对，是超级简单。好像本文标题不对？应该叫“Go语言工具包安装”？好吧，我在这里是把Go的环境变量等配置当作不需要说明的基础了，那些东东网上很多，我在本文略过了:)',
            CreatedAt: '2018-10-01 12:23:33',
            UpdatedAt: '2018-10-01 12:23:33',
            Tags:['javascript','node'],
          },
        ] 
      }
    },
    // data() {
    //   return {
    //     articles: [
    //       {
    //         title:'Go语言开发环境配置(VSCode)',
    //         desc:'配置Go语言时遇到一些坑，特别是VSCode中Go工具包的安装及相关的科学上网知识，查了很多资料都描述不清晰，可能是我认为是难点的内容在别人那里是不需要说明的基础吧。其实只要科学上网配置完成，VSCode中安装工具包超级简单，对，是超级简单。好像本文标题不对？应该叫“Go语言工具包安装”？好吧，我在这里是把Go的环境变量等配置当作不需要说明的基础了，那些东东网上很多，我在本文略过了:)',
    //       },
    //       {
    //         title:'Go语言开发环境配置(VSCode)a',
    //         desc:'配置Go语言时遇到一些坑，特别是VSCode中Go工具包的安装及相关的科学上网知识，查了很多资料都描述不清晰，可能是我认为是难点的内容在别人那里是不需要说明的基础吧。其实只要科学上网配置完成，VSCode中安装工具包超级简单，对，是超级简单。好像本文标题不对？应该叫“Go语言工具包安装”？好吧，我在这里是把Go的环境变量等配置当作不需要说明的基础了，那些东东网上很多，我在本文略过了:)',
    //       },
    //       {
    //         title:'Go语言开发环境配置(VSCode)s',
    //         desc:'配置Go语言时遇到一些坑，特别是VSCode中Go工具包的安装及相关的科学上网知识，查了很多资料都描述不清晰，可能是我认为是难点的内容在别人那里是不需要说明的基础吧。其实只要科学上网配置完成，VSCode中安装工具包超级简单，对，是超级简单。好像本文标题不对？应该叫“Go语言工具包安装”？好吧，我在这里是把Go的环境变量等配置当作不需要说明的基础了，那些东东网上很多，我在本文略过了:)',
    //       },
    //       {
    //         title:'Go语言开发环境配置(VSCode)d',
    //         desc:'配置Go语言时遇到一些坑，特别是VSCode中Go工具包的安装及相关的科学上网知识，查了很多资料都描述不清晰，可能是我认为是难点的内容在别人那里是不需要说明的基础吧。其实只要科学上网配置完成，VSCode中安装工具包超级简单，对，是超级简单。好像本文标题不对？应该叫“Go语言工具包安装”？好吧，我在这里是把Go的环境变量等配置当作不需要说明的基础了，那些东东网上很多，我在本文略过了:)',
    //       },
    //     ] 
    //   }
    // },
    components: {
      ArticleItem
    }
  }
</script>

<style scoped>
.item-title {
  color:#5BAC4A;  
}
.item-desc {
  color: #c4c4c4
}
</style>